<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/details.css">
</head>
<body>
    <!-- top /头部 -->
    <div class="top-wap">
        <div class="top">
            <div class="top-left">欢迎光临红浪漫...</div>
            <div class="top-right">
                <ul class="top-ul">
                    <li>
                        <a href="enroll.html"  class="loginMsg">登录</a>
                        <p style="display:none" class="userMsg">
                            欢迎
                            <span>xxx</span>
                        </p></li>
                    <li><a href="register.html"  class="loginMsg">注册</a>
                        <p style="display:none" class="userMsg">
                        <a href="">退出</a>
                    </p></li>
                     <li class="iconfont icon-form"><a href="#">我的订单</a></li>
                    <li class="iconfont icon-gouwuche"><a href="shpping.html">购物车</a></li>
                    <li><a href="#">我的礼品卡</a></li>
                    <li class="iconfont icon-moreunfold top-first"><a href="#">团购</a>
                    <ul>
                        <li><a href="#">享受团购</a></li>
                        <li><a href="#">企业团购</a></li>
                    </ul></li>
                    <li><a href="#">艺术品</a></li>
                    <li  class="iconfont icon-dianhua">132245345</li>
                </ul>
            </div>
        </div>
    </div>


    <!-- logo -->
    <div class="logo-wap">
        <div class="logo">
            <div class="logo-left fl"><img src="images/logo-left.png" alt=""></div>
            <div class="logo-right fr">
                <input type="text" placeholder="请输入要搜索的信息" class="logo-txt" >
                <ul>

                </ul>
                <span><img src="images/search.jpg" alt=""></span>
            </div>
        </div>
    </div>


    <!-- nav/导航 -->
    <div class="nav-wap">
        <div class="nav">
            <ul class="nav-first">
                <li><a href="index.html">首页</a></li>
                <li>
                    <a href="#">Apple</a>
                    <div class="navIn">
                        <ul>
                            <h2>Apple</h2>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">其他</a></li>
                            <li><a href="#">影音</a></li>
                        </ul>
                        <img src="images/n1.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="#">健康食品</a>
                    <div class="navIn">
                        <ul>
                            <h2>健康食品</h2>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">其他</a></li>
                            <li><a href="#">影音</a></li>
                        </ul>
                        <img src="images/n1.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="#">母婴用品</a>
                    <div class="navIn">
                        <ul>
                            <h2>母婴用品</h2>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">其他</a></li>
                            <li><a href="#">影音</a></li>
                        </ul>
                        <img src="images/n1.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="#">时尚珍藏</a>
                    <div class="navIn">
                        <ul>
                            <h2>时尚珍藏</h2>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">其他</a></li>
                            <li><a href="#">影音</a></li>
                        </ul>
                        <img src="images/n1.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="#">智能科技</a>
                    <div class="navIn">
                        <ul>
                            <h2>智能科技</h2>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">其他</a></li>
                            <li><a href="#">影音</a></li>
                        </ul>
                        <img src="images/n1.jpg" alt="">
                    </div>
                </li>
                <li><a href="#">生活日用</a></li>
                <li><a href="#">精品套装</a></li>
                <li><a href="#">VIP专区</a></li>
            </ul>
        </div>
    </div>

    <!-- 商品详情 -->
    <div class="detail-wap">
        <div class="detail">
            <div class="detailTop fl">
                <!-- <div class="detailTL fl">
                    <img src="images/3-1.jpg" alt="">
                    <span></span>
                </div>
                <div class="detailBig">
                    <img src="images/3-1.jpg" alt="">
                </div>

                <div class="detailTR fr">
                    <h2>iPhone 12 256GB 白色</h2>
                    <p>$7599</p>
                    <div class="detailTR-a">数量:<span>-</span><input type="text" value="1"><em>+</em></div>
                    <div class="detailTR-b">库存:<span>99999</span></div>
                    <div class="detailTR-c">
                        <span data-id="${data[i].goodsId}">立即购买</span>
                        <span class="addCart" data-id="${data[i].goodsId}">加入购物车</span>
                    </div>
                </div> -->
            </div>
            <div class="detailLest fl">
                <div class="detailL-t">
                    <span>商品详情</span>
                </div>
                <div class="detailL-f">
                    <img src="images/3-2.jpg" alt="">
                </div>
            </div>
        </div>
    </div>


    


    <!-- footer -->
    <div class="footer-wap">
        <div class="footer">
            <div class="footerTop">
                <div class="footerLeft fl">
                    <ul>
                        <h2>新手指南</h2>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">用户注册</a></li>
                        <li><a href="#">用户登录</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                    <ul>
                        <h2>新手指南</h2>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">用户注册</a></li>
                        <li><a href="#">用户登录</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                    <ul>
                        <h2>新手指南</h2>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">用户注册</a></li>
                        <li><a href="#">用户登录</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                    <ul>
                        <h2>新手指南</h2>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">用户注册</a></li>
                        <li><a href="#">用户登录</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                    <ul>
                        <h2>新手指南</h2>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">用户注册</a></li>
                        <li><a href="#">用户登录</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                    <ul>
                        <h2>新手指南</h2>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">用户注册</a></li>
                        <li><a href="#">用户登录</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                </div>
                <div class="footerRight fr">
                    <img src="images/footer.jpg" alt="">
                </div>
            </div>
            <div class="footerCenter">
                <ul class="footerCul">
                    <li><a href="#">关于ISGO</a></li>
                    <li><a href="#">企业文化</a></li>
                    <li><a href="#">招商合作</a></li>
                    <li><a href="#">联系方式</a></li>
                    <li><a href="#">工作机会</a></li>
                    <li><span>客服电话：134354656</span></li>
                </ul>
                <div class="footerCd">
                    <p>© 2012-2014 www.iSGO.com All Rights Reserved. 享购网 版权所有</p>
                    <p>京ICP证 090163号 | 食品流通许可证 SP1101081110103523 | <a href="#">营业执照</a></p>
                    <p><a href="#"><img src="images/police.png" alt="">京公网安备 11010802020501号</a></p>
                </div>
                
            </div>
            <!-- <div class="footerLast"></div> -->
        </div>
    </div>
</body>
<script src="libal/jquery.js"></script>
<script src="libal/ajax.2.0.js"></script>
<script src="libal/move.js"></script>
<script src="js/cookie.js"></script>
<script src="js/details.js"></script>
</html>